<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <form action="">
        文本框:<input type="text" placeholder="文本框"><br>
        密码框:<input type="password" placeholder="密码框"><br>
        单选框:
        <!-- 
            label增大点击范围
            方式1,直接包裹
            方式2,用for和id属性相同
         -->
        <label>
            <input type="radio" name="sex" value="man" checked>男
        </label>
        <input type="radio" name="sex" value="woman" id="woman"><label for="woman">女</label>
        <br>

        复选框:
        <input type="checkbox" name="checkbox" id="" value="bac">篮球
        <input type="checkbox" name="checkbox" id="" value="foot">足球
        <input type="checkbox" name="checkbox" id="" value="yumao">羽毛球
        <input type="checkbox" name="checkbox" id="" value="run">跑步
        <br>

        <!-- multiple:可以上传多个文件 -->
        上传文件:
        <input type="file" multiple>
        <br>

        下拉菜单:
        <select name="" id="">
            <option value="">北京</option>
            <option value="">广州</option>
            <option value="">深圳</option>
        </select>

        <br>
        <input type="submit" value="确认">
        <button type="reset">重置</button>
        <br>
    </form>
</body>

</html>